/* pages/add/add.wxss */
.container {
  // display: flex;
  // flex-direction: column;
  // align-items: center;
  // justify-content: center;
  // height: 100%;
  background-color: #ff8800;
}

.role-selection {
  text-align: center;
  // position: relative;
  // top: 5rpx;
  // margin-bottom: 40px;
}
.role-image{
  width: 65%;
  // height: auto;
  margin-top: 0px;
  display: inline-block;
  aspect-ratio: 16/9;
}
.js{
  color: white;
  font-size: 16px;
  font-weight:bold;
  margin-bottom: 40px;
  text-align: center;



}
.inner{
  width: 100%;
  /*使用flex布局显示出正确的两个横向排列的效果 */
  display: flex;
  justify-content: space-around

}
.operator-btn,.non-operator-btn {
  width: calc((100% - 60rpx) /2);
  border: 0rpx solid #f8f8f8;
  margin-bottom: 30rpx;
  /*设置最小高度 60rpx */
  min-height: 60rpx;
  /*设置圆角边框半径 20rpx */
  border-radius: 20rpx;
  /*使用flex布局，让内容水平垂直居中显示 */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;

  box-shadow: 5rpx 5rpx 20rpx 1rpx rgba(114, 130, 138, 0.2);
  /* 阴影 */
  // padding: 10px;
  // margin: 5px;
  // font-size: 16px;
}
.operator-btn{
  background-color: #f0e4a2;
  color: rgb(12, 12, 12);
}
.non-operator-btn{
  background-color: #f0e4a2;
  color: rgb(12, 12, 12);

}